<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	<script>
layui.use('form', function(){
  var $ = layui.jquery, form = layui.form();
  
  //全选
  form.on('checkbox(allChoose)', function(data){
    var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
    child.each(function(index, item){
      item.checked = data.elem.checked;
    });
    form.render('checkbox');
  });
  
});
</script>
</head>

<body>

<div class="layui-form">
  <table class="layui-table">
    <colgroup>     
      <col width="50">
      <col width="100">
      <col width="100">
      <col width="100">
      <col width="300">
      <col width="200">
      <col width="200">
      <col>
    </colgroup>
    <thead>
      <tr>
        <th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
        <th>编号</th>
        <th>片名</th>
        <th>片长</th> 
        <th>放映时间</th>
        <th>票务供应商</th>
        <th>发布时间</th>
        <th>操作</th>
      </tr> 
    </thead>
    
    <tbody>
      <tr>
        <td><input type="checkbox" name="" lay-skin="primary"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><a href="#">删除</a>&nbsp;&nbsp;<a href="FindNoticeServlet?id=${n.id }">修改</a></td>
        
      </tr>
    </tbody>
</div>

</body>

</html>